<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
  <div id="header-container" class="header-container">
    <div id="header-main" class="main-row">
      <a id="logo-anchor" href=""><div id="logo-block"></div></a>
    </div>
  </div>
  <div id="main-container" class="main-container">
    <div id="main-main" class="main-row">
      <div id="left-column"></div>
      <div id="right-column">
        <div id="signin-container" class="right-float">
          <div id="signin-title">Oturum Aç</div>
          <div id="signin-form-container">
            <form>
              <table>
                <tbody>
                  <tr>
                    <td><label class="signin-label">Kullanıcı ismi</label></td>
                    <td><input class="signin-input"></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Şifre</label></td>
                    <td><input class="signin-input" type="password"></td>
                  </tr>
                  <tr>
                    <td><label id="remember-me-label" class="signin-label">Beni
                        hatırla</label></td>
                    <td class="right-align"><input id="signin-checkbox"
                      class="left-float" type="checkbox"><a
                      id="forgot-pswd-anchor" href="">Şifremi unuttum?</a></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td class="right-align"><input class="signin-label"
                      id="signin-button" type="submit" value="Oturum Aç"></td>
                  </tr>
                </tbody>
              </table>
            </form>
          </div>
        </div>
        <div id="signup-container" class="right-float">
          <div id="signup-title">Kayıt Ol</div>
          <div id="signin-form-container">
            <form>
              <table>
                <tbody>
                  <tr>
                    <td><label class="signin-label">Kullanıcı ismi</label></td>
                    <td><input class="signin-input"></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><div id="username-err-msg"></div></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Email</label></td>
                    <td><input class="signin-input"></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Şifre</label></td>
                    <td><input class="signin-input" type="password"></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><div id="first-pswd-err-msg"></div></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Şifre Tekrar</label></td>
                    <td><input class="signin-input" type="password"></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><div id="second-pswd-err-msg"></div></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Doğum Tarihi</label></td>
                    <td><select id="day" name="day">
                        <option value="0" selected="selected">Gün</option>
                        <option value="1">01</option>
                        <option value="2">02</option>
                        <option value="3">03</option>
                        <option value="4">04</option>
                        <option value="5">05</option>
                        <option value="6">06</option>
                        <option value="7">07</option>
                        <option value="8">08</option>
                        <option value="9">09</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                        <option value="21">21</option>
                        <option value="22">22</option>
                        <option value="23">23</option>
                        <option value="24">24</option>
                        <option value="25">25</option>
                        <option value="26">26</option>
                        <option value="27">27</option>
                        <option value="28">28</option>
                        <option value="29">29</option>
                        <option value="30">30</option>
                        <option value="31">31</option>
                    </select> <select id="month" name="month">
                        <option value="0" selected="selected">Ay</option>
                        <option value="1">Ocak</option>
                        <option value="2">Şubat</option>
                        <option value="3">Mart</option>
                        <option value="4">Nisan</option>
                        <option value="5">Mayıs</option>
                        <option value="6">Haziran</option>
                        <option value="7">Temmuz</option>
                        <option value="8">Ağustos</option>
                        <option value="9">Eylül</option>
                        <option value="10">Ekim</option>
                        <option value="11">Kasım</option>
                        <option value="12">Aralık</option>
                    </select> <select id="year" name="year">
                        <option value="0" selected="selected">Yıl</option>
                        <option value="1994">1994</option>
                        <option value="1993">1993</option>
                        <option value="1992">1992</option>
                        <option value="1991">1991</option>
                        <option value="1990">1990</option>
                        <option value="1989">1989</option>
                        <option value="1988">1988</option>
                        <option value="1987">1987</option>
                        <option value="1986">1986</option>
                        <option value="1985">1985</option>
                        <option value="1984">1984</option>
                        <option value="1983">1983</option>
                        <option value="1982">1982</option>
                        <option value="1981">1981</option>
                        <option value="1980">1980</option>
                        <option value="1979">1979</option>
                        <option value="1978">1978</option>
                        <option value="1977">1977</option>
                        <option value="1976">1976</option>
                        <option value="1975">1975</option>
                        <option value="1974">1974</option>
                        <option value="1973">1973</option>
                        <option value="1972">1972</option>
                        <option value="1971">1971</option>
                        <option value="1970">1970</option>
                        <option value="1969">1969</option>
                        <option value="1968">1968</option>
                        <option value="1967">1967</option>
                        <option value="1966">1966</option>
                        <option value="1965">1965</option>
                        <option value="1964">1964</option>
                        <option value="1963">1963</option>
                        <option value="1962">1962</option>
                        <option value="1961">1961</option>
                        <option value="1960">1960</option>
                        <option value="1959">1959</option>
                        <option value="1958">1958</option>
                        <option value="1957">1957</option>
                        <option value="1956">1956</option>
                        <option value="1955">1955</option>
                        <option value="1954">1954</option>
                        <option value="1953">1953</option>
                        <option value="1952">1952</option>
                        <option value="1951">1951</option>
                        <option value="1950">1950</option>
                        <option value="1949">1949</option>
                        <option value="1948">1948</option>
                        <option value="1947">1947</option>
                        <option value="1946">1946</option>
                        <option value="1945">1945</option>
                        <option value="1944">1944</option>
                        <option value="1943">1943</option>
                        <option value="1942">1942</option>
                        <option value="1941">1941</option>
                        <option value="1940">1940</option>
                        <option value="1939">1939</option>
                        <option value="1938">1938</option>
                        <option value="1937">1937</option>
                        <option value="1936">1936</option>
                        <option value="1935">1935</option>
                        <option value="1934">1934</option>
                        <option value="1933">1933</option>
                        <option value="1932">1932</option>
                        <option value="1931">1931</option>
                        <option value="1930">1930</option>
                        <option value="1929">1929</option>
                        <option value="1928">1928</option>
                        <option value="1927">1927</option>
                        <option value="1926">1926</option>
                        <option value="1925">1925</option>
                        <option value="1924">1924</option>
                        <option value="1923">1923</option>
                        <option value="1922">1922</option>
                        <option value="1921">1921</option>
                        <option value="1920">1920</option>
                        <option value="1919">1919</option>
                        <option value="1918">1918</option>
                        <option value="1917">1917</option>
                        <option value="1916">1916</option>
                        <option value="1915">1915</option>
                        <option value="1914">1914</option>
                        <option value="1913">1913</option>
                    </select></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><div id="birthdate-err-msg"></div></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Cinsiyet</label></td>
                    <td><select id="gender" name="gender">
                        <option value="0" selected="selected">Seç</option>
                        <option value="1">Erkek</option>
                        <option value="2">Kadın</option>
                    </select></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><div id="gender-err-msg"></div></td>
                  </tr>
                  <tr>
                    <td><label class="signin-label">Okul</label></td>
                    <td><select id="city" name="city">
                        <option value="0">Seç</option>
                        <option value="1">Bilkent</option>
                        <option value="1">Hacettepe</option>
                        <option value="1">ODTÜ</option>
                    </select></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td><div id="school-err-msg"></div></td>
                  </tr>
                  <tr>
                    <td></td>
                    <td class="right-align"><input class="signin-label"
                      id="signup-button" type="submit" value="Kayıt Ol"></td>
                  </tr>
                </tbody>
              </table>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>